﻿

.page-swipe{margin:0;font-size:1em;line-height:1.4;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
.page-swipe #slider figure img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
.page-swipe #slider figure{border:0;margin:0;padding:0;}
    .page-swipe #slider figure{ margin-bottom:30px;}
.page-swipe{background-color:#fff;padding-bottom:5px}
    .page-swipe{background-color:#eee;padding-bottom:0px}
.page-swipe a,.page-swipe a:visited{color:#2b2e30;font-weight:700}
.page-swipe a:hover,.page-swipe a:visited:hover{color:#43484b}
.page-swipe #slider{height:300px;margin-top:0px}
.page-swipe #slider figure{display:block}
.page-swipe #slider figure div.wrap{max-width:768px;height:300px;display:block;margin:0px auto 0px;position:relative} /*set image height*/
.page-swipe #slider figure div.image{display:block;margin:0 0px;border-radius:0px;height:inherit;
/*box-shadow:0 1px 5px rgba(0,0,0,.85),inset 0 0 1px rgba(255,255,255,.35);*/}
.page-swipe #slider figure a{text-transform:none;font-weight:400;letter-spacing:0;position:absolute;bottom:10px;left:10px;font-size:12px;color:#fff;background:#000;padding:2px 5px;border-radius:3px;opacity:.45;font-family:franklin-gothic-urw,sans-serif;text-decoration:none}
.page-swipe #slider figure a:hover{opacity:.85;text-decoration:none}
    .page-swipe #slider figure a {position:absolute;bottom:-28px;left:10px;color:#333;opacity:1;background:none;font-size:1.0em}/*set text position*/

.page-swipe .swipe-nav ul,.page-swipe .swipe-nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
.page-swipe .swipe-nav{position:relative;max-width:768px;margin:0px auto 0}
.page-swipe .swipe-nav a{font-style:normal;color:#555!important}

.page-swipe .swipe-nav #position{text-align:center;list-style:none;margin:0;padding:0;position: absolute;bottom:5px;right:10px;}
    .page-swipe .swipe-nav #position {position: absolute;bottom:5px;right:10px;} /*set swipe-nav position*/
.page-swipe .swipe-nav #position li{display:inline-block;border:1px solid rgba(255,255,255,0.6);width:10px;height:10px;border-radius:10px;background:rgba(255,255,255,0.3);margin:0 2px;cursor:pointer;}
.page-swipe .swipe-nav #position li.on{border:1px solid #fff;
box-shadow:inset 0 1px 3px -1px #fff,0 1px 2px rgba(0,0,0,.5);
background-color:#fff;
background-image:-webkit-linear-gradient(top,#fff,#fff);
background-image:-moz-linear-gradient(top,#fff,#fff);
background-image:-ms-linear-gradient(top,#fff,#fff);
background-image:-o-linear-gradient(top,#fff,#fff);
background-image:linear-gradient(top,#fff,#fff)}


@media only screen and (max-width: 479px) {
.page-swipe #slider{height:180px;margin-top:0px}
.page-swipe #slider figure div.wrap{max-width:768px;height:180px;display:block;margin:0px auto 0px;position:relative}
}
